import * as React from "react"
import { observable } from "mobx"
import { observer, inject } from "mobx-react"
import FN from "../tools/fn"

import { Router, Switch, Redirect, withRouter, Link,Route,NavLink} from 'react-router-dom'
import { hashHistory } from 'react-router';


@inject("article")
@observer
export default class ChildrenRouter extends React.Component {
  constructor(props) {
    super(props)
    this.store = this.props.article
  }
  render() {
      console.log(this.props.match)
    return (
        <div>
        <div className="am-list">
            <div className="am-list-header">ANIMATION</div>
            <div className="am-list-body">
                <div className="am-list-item">
                  <NavLink strict to={`/animation/route`} className="am-list-content">路由动画</NavLink>
                  <div className="am-list-arrow" aria-hidden="true"><span className="am-icon arrow horizontal"></span></div>
                </div>
                <div className="am-list-item">
                  <Link to={`/animation/item`} className="am-list-content">列表动画</Link>
                  <div className="am-list-arrow" aria-hidden="true"><span className="am-icon arrow horizontal"></span></div>
                </div>
  
            </div>
         </div>
      </div>
    )
  } 
}


